<!DOCTYPE html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<link href="css/font-awesome.css" rel="stylesheet"/>
<link href="css/jsplumbtoolkit-defaults.css" rel="stylesheet"/>
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet"/>
<link href="css/jsplumbtoolkit-demo.css" rel="stylesheet"/>
<link href="css/ry-ui.min.css" rel="stylesheet"/>
<link href="css/demo.css" rel="stylesheet"/>
<link href="css/main.css" rel="stylesheet"/>
 <body class="gray-bg" >
	  <div class="jtk-demo-main">
	  <div class="col-sm-12 select-info">
				<form id="nodeEdit" style="display: none">
					<input type="hidden" id="windowId" name="windowId">
					<div class="select-list gd">
						<ul>
							<li>
								节点名称：<input type="text" name="name"/>
							</li>
							<li>
								节点页面：<input type="text" name="page"/>
							</li>
							<li>
								节点类型：<select name="startFlag">
											<option value="0">普通节点</option>
											<option value="1">开始节点</option>
										</select>
							</li>
							
						</ul>
					</div>
					<button type="button" class="btn btn-primary node-edit-save">保存</button>
					<button type="button" class="btn btn-danger node-edit-delete">删除</button>
					
  				</form>
				
				<form id="linkEdit" style="display: none">
					<input type="hidden" id="windowFrom" name="windowFrom">
	                <input type="hidden" id="windowTo" name="windowTo">
					<input type="hidden" id="nodeFrom" name="nodeFrom">
	                <input type="hidden" id="nodeTo" name="nodeTo">
					<div class="select-list gd">
						<ul>
							<li>
								有无条件：<select name="hasCondition">
									<option value="0">无</option>
									<option value="1">有</option>
								</select>
							</li>
							<li>
								条件类型：<select name="condType">
									<option  value="0" ></option>
									<option value="1">根据字段</option>
									<option value="2">根据url</option>
									<option value="3">根据编程方式</option>
								</select>
							</li>
							<li>
								条件名称：<input type="text" name="condName"/>
							</li>
							<li>
								条件取值：<input type="text" name="condValue"/>
							</li>
						</ul>
						<button type="button" class="btn btn-primary link-edit-save">保存</button>
						<button type="button" class="btn btn-danger link-edit-delete">删除</button>
					</div>
				</form>
			</div>
	   <!-- explanation -->
	   <div class="col-sm-12 select-info">
	        <div class="select-list gd">
	        	<ul>
		      		<li>
						<div id="addnode" class="btn btn-success btn-rounded btn-sm">
		            		添加节点
		            	</div>
		      		</li>
		      		<li>
						<div style="margin-left: 700px;"></div>
		      		</li>
				</ul>
		    </div>
		     <button type="button" class="btn btn-primary process-edit-save">保存流程</button>
	        </div>
	   </div>
         <!-- /explanation -->
		<!-- demo --> <!-- id="canvas" --> 
         <div class="jtk-demo-canvas canvas-wide flowchart-demo jtk-surface jtk-surface-nopan" id="canvas">
            <!-- <div class="window jtk-node" id="flowchartWindow2"><strong>2</strong><br/><br/></div> -->
         </div>
         <!-- /demo -->
      </div> 
</body>
 
  <script src="js/jsplumb.min.js"></script>
   <script src="js/jquery.min.js"></script>
 <script src="js/demo.js"></script>
</html>